<template>
  <div class="wh-full">
    <component :is="LayoutComponents[settingStore.layout]" />
    <Setting />
  </div>
</template>

<script setup lang="ts" name="Layout">
import { useSettingStore } from '@/stores'
import AppMix from './container/AppMix/index.vue'
import AppClassic from './container/AppClassic/index.vue'
import AppTransverse from './container/AppTransverse/index.vue'

const settingStore = useSettingStore()
const LayoutComponents: Record<LayoutType, Component> = {
  mix: AppMix,
  classic: AppClassic,
  transverse: AppTransverse
}
</script>
